<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>lu_voucherList 凭证管理-凭证列表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link href="ADMIN_PUBLIC/css/bootstrap.min.css" rel="stylesheet">
    <link href="ADMIN_PUBLIC/css/animate.min.css" rel="stylesheet">
    <link href="ADMIN_PUBLIC/css/style.min.css" rel="stylesheet">
    <link href="ADMIN_PUBLIC/css/jquery.magnify.css" rel="stylesheet">
    <!--<link href="https://cdn.bootcss.com/font-awesome/4.7.0/ADMIN_PUBLIC/css/font-awesome.min.css" rel="stylesheet">-->

    <link rel="stylesheet" href="ADMIN_PUBLIC/css/lu_common.css">
    <link rel="stylesheet" href="ADMIN_PUBLIC/css/lu_projectProgress.css">
    <link rel="stylesheet" href="ADMIN_PUBLIC/css/lu_CostManagement.css">
    <link rel="stylesheet" href="ADMIN_PUBLIC/fonts_style/iconfont.css">
    <style>
        .add_hiddenBox{
            width:600px;
        }
        .import_tip_text{
            color: #555;
            font-size:14px;
            line-height: 20px;
        }
        .import_tip_btn_box{
            display: flex;
            align-items: center;
            justify-content: space-around;
            margin-top:30px;
        }
        div[lll="import"].active{
            display: block;
        }
        #import{
            width:500px;
            padding:30px;
        }
        .check_main_box{
            padding:0;
        }
        .check_main_box li{
            text-align:center;
        }
        #check p{
            text-align:center;
        }
        #check{
            height:inherit;
        }
        /*二级筛选*/
        .cost_type_box{
            position: relative;
        }
        #cost_type{
            position: relative;
        }
        #cost_type>.sel_logo{
            position: absolute;
            right: 0;
            top: 0;
            transform: translate(-50%);
            font-size: 14px;
        }
        .js_hidden_box{
            position: absolute;
            z-index: 5;
            width: 200px;
            border: 1px solid #bfbfbf;
            background-color: #fff;
            display: none;
        }
        .cost_type_box>ul.active{
            display: block;
        }
        .js_hidden_list{
            position: relative;

            height: 40px;
            line-height: 40px;
            padding-left:10px;
            cursor: pointer;
        }
        .js_hidden_box>div.active{
            display: block;
        }
        .js_hidden_box_zi{
            position: absolute;
            z-index: 5;
            left:198px;
            top:-1px;

            min-width:200px;
            border: 1px solid #bfbfbf;
            background-color: #fff;

            display: none;
        }
        .js_hidden_list>span{
            font-size:14px;
            white-space: nowrap;
            margin-right:15px;
        }
        /*.js_hidden_box_zi .js_hidden_list>span{*/
            /*margin-right:15px;*/
            /*font-size:14px;*/
            /*white-space: nowrap;*/
        /*}*/
        i.js_hidden_list_logo{
            position: absolute;
            font-size:14px;
            right:0;
            top:0;
            transform: translate(-50%);
        }
        .js_hidden_list>span:hover{
            color: #00A0E9;
        }

    </style>
</head>
<body class="color_fff container-fluid row" style="background-color: #fff">
<div class="row projectProgress_table_BOX">
    <div class="table_BOX">
        <table class="col-sm-12 table table-striped comTableStyle" id="table_table">
            <thead>
            <tr>
                <th><input type="checkbox" id="checkAll" class="checkboxStyle"></th>
                <th style="white-space: nowrap">凭证日期</th>
                <th style="white-space: nowrap">借贷类型</th>
                <th style="white-space: nowrap">凭证号</th>
                <th style="white-space: nowrap">项目名称</th>
                <th style="white-space: nowrap">科目代码</th>
                <th style="white-space: nowrap">科目名称</th>
                <th style="white-space: nowrap">费用类型</th>
                <th style="white-space: nowrap">费用详情</th>
                <th style="white-space: nowrap">费用金额(元)</th>
                <th style="white-space: nowrap">摘要</th>
                <!--<th style="white-space: nowrap">操作</th>-->
            </tr>
            </thead>
            <tbody>
        <volist name = 'data' id = 'v'>
            <tr data-index="{$v.id}">
                <td><input type="checkbox" class="checkboxStyle" <if condition = "$v.status == 1">disabled<else /></if>></td>
                <td>{$v.vouch_time}</td>
                <td>{$v.cost_ftype}</td>
                <td>{$v.vouch_sn}</td>
                <td>{$v.pro_id}</td>
                <td>{$v.course_code}</td>
                <td>{$v.course_name}</td>
                <td>{$v.cost_type}</td>
                <td>{$v.cost_detail}</td>
                <td>{$v.cost_tmoney}</td>
                <td class="look_record">
                    <a href="#" class="look_record_btn" title="12345678912341564sfabkwehdkjsnfajkbjkdbvnj59789">查看</a>
                    <div class="tip_hiddenBox work_record_box">
                        <span class="work_record_title">摘要</span>
                        <p class="work_record_main">{$v.cost_desc}</p>
                        <button class="btn btn-sm btn-success">确认</button>
                    </div>
                </td>
                <!--<td><a href="edit_people" class="edit_table">编辑</a></td>-->
            </tr>
        </volist>
            </tbody>
        </table>
        <div class="pagination"><ul><li>{$page}</li></ul></div>
        <div class="hidden_box">
            <div class="hidden_box_showBox ">
                <span id="dateVal">筛选</span>
                <i class="iconfont icon-jiantou"></i>
            </div>
            <ul class="hidden_box_hiddenBox">
                <li class=" hidden_box_hiddenBox_list ">
                    <span class="hiddenBox_list_text">时间：</span>
                    <input type="text" class=" BFBFBF_inputStyle" id="query_time" data-query='time'>
                </li>
                <li class=" hidden_box_hiddenBox_list ">
                    <span class="hiddenBox_list_text">费用类型：</span>
                    <!--<input type="text" class=" BFBFBF_inputStyle">-->
                    <!--<select class="BFBFBF_inputStyle " name="" data-query='cost_type'>-->
                        <!--<option></option>-->
                        <!--<option>人员人工费用</option>-->
                        <!--<option>直接投入费用</option>-->
                        <!--<option>其它直接投入费用</option>-->
                        <!--<option>折旧费用</option>-->
                        <!--<option>无形资产费用</option>-->
                        <!--<option>新产品设计费用</option>-->
                        <!--<option>委托研发费用</option>-->
                        <!--<option>其它相关费用</option>-->
                    <!--</select>-->
                    <div class="cost_type_box">
                        <div class="BFBFBF_inputStyle" id="cost_type" data-query='cost_type'>
                            <span id="cost_type_value"></span>
                            <i class="iconfont icon-fangxiangxia sel_logo"></i>
                        </div>
                        <ul class="js_hidden_box">
                            <li class="js_hidden_list">
                                <span class="establishment_info_14_text">电子信息技术</span>
                                <i class="iconfont icon-fangxiangyou js_hidden_list_logo"></i>
                            </li>
                            <div class="js_hidden_box_zi">
                                <ul>
                                    <li class="js_hidden_list">
                                        <span class="establishment_info_14_text">高技术船舶与海洋工程装备设计制造技术</span>
                                    </li>
                                </ul>
                            </div>
                        </ul>
                    </div>

                </li>
                <li class="hiddenBox_list_btn">
                    <button class="btn btn-sm btn-success" id="query">确定</button>
                    <button class="btn btn-sm btn-success">查找全部</button>
                    <button class="btn btn-sm btn-default">取消</button>
                </li>
            </ul>
        </div>
        <ul class="operation_btn">
            <li><a href="#add_box" class="btn btn-success">结转管理费用</a></li>
            <!--<li><a href="#add_box" class="btn btn-success" data-type="3" data-name="贷-费用化">结转管理费用</a></li>-->
            <!--<li><a href="#add_box" class="btn btn-success" data-type="2" data-name="贷-资本化">结转无形资产</a></li>-->
            <li><a href="#import" class="btn btn-success">导入文件</a></li>
            <li><a href="#delete" class="btn btn-success">批量删除</a></li>
        </ul>
        <ul class="animated fadeIn add_hiddenBox" lll="add_people" id="add_box">
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>凭证号：</label>
                <div class="col-sm-9 select_box">
                    <select class="form-control table_btn_list_selectStyle select_voucher" add_name="add_voucher_type">
                        <option>记</option>
                        <option>收</option>
                        <option>付</option>
                        <option>转</option>
                    </select>
                    <input type="text" class="BFBFBF_inputStyle add_people_input" add_name="add_voucher_num" autocomplete="off">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>摘要：</label>
                <div class="col-sm-9">
                    <textarea class="textarea_style" add_name="add_abstract" autocomplete="off"></textarea>
                </div>
            </li>
            <li class="button_list">
                <button class="btn btn-sm btn-success" id="add_btn">新增</button>
                <button class="btn btn-sm btn-default cancel_btn">取消</button>
            </li>
        </ul>
    </div>

    <!--内容没填完，弹框-->
    <div class="warning_hiddenBox animated fadeIn" id="yz_modal" box="yz_modal">
        您有内容没有填写完哦！
    </div>
    <!--删除人员-->
    <div class="add_hiddenBox animated fadeIn" id="delete" lll="delete">
        <p class="delete_tip_text">确认删除吗？</p>
        <div class="delete_tip_btn_box">
            <button class="btn btn-sm btn-success">确认</button>
            <button class="btn btn-sm btn-default">取消</button>
        </div>
    </div>
    <!--导入文件-->
    <div class="add_hiddenBox animated fadeIn" id="import" lll="import">
        <p class="import_tip_text" style='padding-bottom: 12px'>温馨提示：</p>
        <p class="import_tip_text">1、请确认是否已完善【<a href="/Admin/BookCourse/index" class='J_menuItem'>账套设置</a>】，以确保数据顺利导入；</p>
        <p class="import_tip_text">2、请下载统一的模版，并按相应的格式在Excel软件中填写您的业务数据，然后再导入到系统中。</p>
        <form action="/Admin/Vouch/importVouch" method="post" enctype="multipart/form-data" id="file_form">
            <input type="file" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" class="import_tip_text file_upload_btn" id="file_upload" name="vouchs">
            <div class="import_tip_btn_box">
                <a class="btn btn-sm btn-success" href="/Excel/tpl/凭证导入模板.xlsx">下载模板</a>
                <button class="btn btn-sm btn-grey">确定导入</button>
            </div>
        </form>
    </div>
    <!--核算/审核弹框-->
    <div class="tip_hiddenBox animated fadeIn" id="check" lll="check">
        <div class="check_main_box">
            <ul>
                <li class="check_text_14_000">
                    <span>审核成功条数：</span>
                    <span>
                    <span class="check_success_num"></span>
                    <span>人</span>
                </span>
                </li>
                <li class="check_text_14_000">
                    <span>审核失败条数：</span>
                    <span>
                    <span class="check_error_num"></span>
                    <span>人</span>
                </span>
                </li>
            </ul>
            <!-- <p class="check_error_Reason_text">
                <span>审核失败原因:</span>
                <span class="check_error_Reason">工资表内没有相应的核算数据！</span>
            </p> -->
        </div>
        <!-- <ul class="check_btn"> -->
            <!-- <li><a href="#" class="btn btn-success toManage">确定</a></li> -->
            <p><a href="#" class="btn btn-success cancel_btn">确定</a></p>
        <!-- </ul> -->
    </div>
</div>

<script src="ADMIN_PUBLIC/js/jquery.min.js"></script>
<script src="ADMIN_PUBLIC/js/jquery.magnify.js"></script>
<script src="ADMIN_PUBLIC/js/laydate/laydate.js"></script>
<script src="ADMIN_PUBLIC/js/lu_voucherList.js"></script>
<script>
    $(function(){

        window.query_time=''
//        window.edit_voucher_time=''
//        window.edit_Import_time=''

        laydate.render({
            elem: '#query_time', //指定元素
            type: 'month',
            theme: '#2881C1',
            done: function(value, date, endDate){
                var dateVal = date.year+'年'+date.month+'月'
                window.query_time = dateVal
            }
        });
        laydate.render({
            elem: '#add_voucher_time', //指定元素
            theme: '#2881C1',
            done: function(value, date, endDate){
//                var dateVal = date.year+'年'+date.month+'月'
//                window.edit_voucher_time = dateVal
            }
        });
        laydate.render({
            elem: '#edit_Import_time', //指定元素
            type:'month',
            theme: '#2881C1',
            range:true,
            done: function(value, date, endDate){
//                var dateVal = date.year+'年'+date.month+'月'
//                window.edit_Import_time = dateVal
            }
        });
    })
</script>
</body>
</html>